<style lang="less" scoped>
	.user-box {
		display: flex;
		flex: 1;
		height: 100%;
		flex-direction: column;
		align-items: center;
		background: #f0f0f0;
	}
	
	.user-box_info {
		width: 100%;
		height: 181px;
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		-ms-flex-pack: center;
		align-items: center;
	}
	
	.info-avatar {
		width: 81px;
		height: 81px;
		margin-top: 0rpx;
	}
	
	.info-avatar>img {
		width: 100%;
		height: 100%;
		border-radius: 100rpx
	}
	
	.user-box_item {
		width: 100%;
		flex: 1;
		margin-top: 20rpx;
	}
	
	.item-info {
		width: 100%;
		height: 100rpx;
		display: flex;
		line-height: 100rpx;
		background: #fff;
		font-size: 28rpx;
		color: #333;
	}
	
	.b-t-1 {
		border-bottom: 1rpx solid #e5e5e5;
	}
	
	.inf-name {
		margin-top: 13px;
		font-weight: 600;
		font-size: 14px;
	}
	
	.inf-num {
		color: #666;
	}
	
	.per {
		width: 100%;
		display: flex;
		align-items: center;
		height: 20px;
		justify-content: center;
		>img {
			width: 15px;
			height: 15px;
			display: inline-block;
			margin-right: 5px;
		}
		>span {
			font-size: 13px;
			color: #7A1634;
		}
	}
	
	.m-t-10 {
		margin-top: 20px
	}
</style>
<template>
	<div class="user-box">
		<div class="user-box_info">
			<div class="info-avatar">
				<img mode='widthFix' src="http://img2.imgtn.bdimg.com/it/u=425954437,8809201&fm=27&gp=0.jpg" />
			</div>
			<div class="inf-name">LEVEGE</div>
			<div class="inf-num text-12">51651616</div>
		</div>

		<div class="user-box_item">
			<cell-item :cell-icon="storeIcon" :cell-info="cellInfo" @clickItem="goPage"></cell-item>
			<cell-item :cell-icon="chiIcon" :cell-info="curInfo" @clickItem="goPage"></cell-item>
			<cell-item :cell-icon="addressIcon" :cell-info="addressInfo" @clickItem="goPage"></cell-item>
			<div class="per m-t-10">
				<img :src="per" />
				<span>联系客服</span>
			</div>
			<div class="text-12 text-gray per">服务时间： 9:00-24:00</div>
		</div>
		<foot-bar @card="toPage('card')"></foot-bar> 
	</div>
</template>

<script>
	import cellItem from '@/components/cellItem/index.vue'
	import { mapActions, mapGetters } from 'vuex'
	import per from '@/assets/images/new_custIcon.png'
	import storeIcon from '@/assets/images/new_storeIcon.png'
	import chiIcon from '@/assets/images/new_sizeIcon.png'
	import addressIcon from '@/assets/images/new_addressIcon.png'
	import footBar from '@/components/foot-bar/index.vue'
	export default {
		title: '我的',
		data() {
			return {
				storeCode: '',
				loginName: '',
				loginCode: '',
				per: per,
				storeIcon: storeIcon,
				chiIcon: chiIcon,
				addressIcon: addressIcon,
				cellIcon: '',
				curInfo: '尺码信息',
				addressInfo: '收货地址',
				cellInfo: '所属店铺',
				code: '', // 微信的临时登录凭证
				userInfo: {}, // 用户的当前信息体
				status: '', // 登录状态
				uid: '', // 当前用户的UID
				loadMore: 0,
			}
		},
		mounted() {

		},
		onShow() {

		},
		computed: {

		},

		methods: {
			goPage(num) {
				let url = ''
				console.log(num)
				switch(num) {
					case '所属店铺':
						url = '/pages/store/main'
						break;
					case '尺码信息':
						url = '/pages/figure-info/main'
						break;
					case '收货地址':
						url = '/pages/address-info/main'
						break;
				}
				wx.navigateTo({
					url: url
				})
			},
			

		},
		components: {
			footBar,
			cellItem
		},

	}
</script>